<template>
	<view class="content">
		<u-navbar :is-back="true" title="历史会议">
			<view slot="right">
				<view class="right-frame flexal">
					<text>会议录制</text>
					<image src="/static/right.png" class="right-icon"></image>
				</view>
			</view>
		</u-navbar>
		<view style="position: fixed;width: 750rpx;z-index: 10;padding: 32rpx 32rpx;background: #FFFFFF;">
		 <u-search placeholder="搜索" v-model="keyword" :show-action="false" :height="68"></u-search>
		</view>
		<view style="width: 750rpx;height: 130rpx;background: #FFFFFF;"></view>
		
		<view class="allwrap">
			<view class="frame-content" v-for="(item,index) in list" :key="index" @click="go('/pages6/metting/recordDetail')">
				<view class="flexal content-title">
					<view style="font-size: 30rpx;color: #333333;">2024年8月5日 10:00</view>
					<view style="font-size: 28rpx;color: #2FD100;margin-left: 33rpx;" v-if="index!=1&&index!=2">进行中</view>
					<view style="font-size: 28rpx;color: #0076D1;margin-left: 33rpx;" v-if="index==1">待开始</view>
					<view style="font-size: 28rpx;color: #848484;margin-left: 33rpx;" v-if="index==2">已结束</view>
				</view>
				<view class="flexal" style="margin-top: 14rpx;">
				<view style="font-weight: 400;font-size: 26rpx;flex: 1;">会议ID：220 325 456</view>
				<image src="/static/right.png" style="width: 14rpx;height: 24rpx;"></image>
				</view>
				<view style="font-weight: 500;font-size: 32rpx;color: #000000;margin-top: 14rpx;">张三的会议</view>
				<view class="flexal" style="margin-top: 14rpx;">
					<view style="font-weight: 400;font-size: 26rpx;color: #272B34;">时长：30: 23</view>
					<view style="font-weight: 400;font-size: 26rpx;color: #272B34;margin-left: 48rpx;">发起人：张三</view>
				</view>
			</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[1,2,3,4,5,6]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	
	.content{
		background: #F3F4F6;
	}
	
	.right-frame{
		margin-right: 32rpx;
		padding-left: 17rpx;
		width: 174rpx;
		height: 45rpx;
		background: #F2F3FF;
		border-radius: 9rpx 9rpx 9rpx 9rpx;
		font-weight: 400;
		font-size: 30rpx;
		color: #424A57;
		
		.right-icon{
			margin-left: 11rpx;
			width: 14rpx;
			height: 24rpx;
		}
	}
	.frame-content{
		background: #fff;
		margin-top: 32rpx;
		padding: 32rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
</style>
